body{
	    width: 100%;
    height: 100%;
    background-color: #F2F2F2;
    margin: auto;
    font-family: "微软雅黑";
}

.new_center{
			width:100%;
			height:2.0rem;
			background:#000;
			opacity: 0.7;
			color:#fff;
			font-size:0.266667rem;
			text-align: center;
			position: absolute;
			top:0.32rem;
			left:0;
			line-height:2.0rem;
			display: none;
		}
		.uploadImg {
			display: block;
			width: 65%;
			height: .6rem;
			line-height: .6rem;
			background-color: #63e0ce;
			color: #fff;
			position: absolute;
			bottom: .05rem;
			left: .1rem;
			font-size: .25rem;
			font-weight: normal;
			border-radius: 0.1rem;
			text-align: center;
		}
		#file1,#file2,#file3 {
			position: absolute;
			width: 65%;
			height: .6rem;
			bottom: .05rem;
			left: .1rem;
			opacity: 0;
			filter: alpha(opacity = 0);
			cursor: pointer;
		}
		.imgbox1{
			width: 2.63rem;
			height: 1.7rem;
			position: absolute;
			top: 1.36rem;
			left: .05rem;
			overflow: hidden;
		}
		.imgbox2{
			width: 2.4rem;
			height: 2.48rem;
			position: absolute;
			top: 0;
			left: 0.38rem;
			overflow: hidden;
		}
		.imgbox3{
			width: 1.84rem;
			height: 2.8rem;
			position: absolute;
			top: 0.34rem;
			left: 0.24rem;
			overflow: hidden;
		}
		.prompt{
			width: 0.6rem;
			height: 1rem;
			position: absolute;
			right: 0.1rem;
			top: 10.95rem;
		}
		.prompt img {
			width: 100%;
		}
		.main_top{
			position: relative;
		}
		#toprev,#tonext{
			width: 2.0266666rem;
			height: 0.74666666rem;
			position: absolute;
			top: 11.21333333rem;
			z-index: 10;
			text-align: center;
			box-shadow: 0 2px 2px rgba(140,140,140,0.5);
		}
		#toprev{
			right: 2.96rem;
			background: url(__ROOT__/Apps/WebApp/View/default/images/photo_book_edit_previous_page_btn_nor.png) no-repeat 20% center;
			background-size: 90% 130%;
		}
		#tonext{
			right: 0.9333333rem;
			background: url(__ROOT__/Apps/WebApp/View/default/images/photo_book_edit_next_page_btn_nor.png) no-repeat 20% center;
			background-size: 90% 130%;
		}
		/*横条样式*/
		#gundong{
			-webkit-appearance: none;/*清除系统默认样式*/
			width: 100%;
			height: 0.16rem;/*横条的高度*/
			background: -webkit-linear-gradient(#63E0CE, #63E0CE) no-repeat, #ddd;/*设置左边颜色为#61bd12，右边颜色为#ddd*/
			background-size: 0 100%;/*设置左右宽度比例*/
			outline: none;
			border-radius: 4px;
			margin: 0.25rem 0;
		}
		/*拖动块的样式*/
		#gundong::-webkit-slider-thumb {
			-webkit-appearance: none;/*清除系统默认样式*/
			height: 0.48rem;/*拖动块高度*/
			width: 0.48rem;/*拖动块宽度*/
			background: #fff;/*拖动块背景*/
			border-radius: 50%; /*外观设置为圆形*/
			box-shadow: 0 0 5px rgba(128,128,128,0.5);  /*设置阴影*/
			border: none;
		}
		.tishi1,.tishi2,.tishi3{
			position: absolute;
			top: 1.62rem;
			font-size: 0.4rem;
		}
		.tishi1{
			color: #fff;
			left: 0.2rem;
		}
		.tishi2{
			color: #000;
			left: 0.2rem;
		}
		.tishi3{
			color: #000;
			left: 0.2rem;
		}
		.shape_2{ 	/*长图	width/height	*/
			position: absolute;
			/*height: 100%;*/
			width: 100%;
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.shape_1{ 	/*方图*/
			position: absolute;
			height: 100%;
			/*width: 100%;*/
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.shape_3{ 	/*横图*/
			position: absolute;
			width: 100%;
			left: 0;
			top: 50%;
			transform: translate(0,-50%);
		}
		#uploadingField{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			background-color: #000;
			filter: alpha(opacity=60);
			opacity: 0.6;
			z-index: 99;
			display: none;
		}
		#uploading{
			width: 6rem;
			height: 3rem;
			background-color: #000;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		#uploading img{
			width: 20%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-70%);
		}
		#uploading p{
			width: 80%;
			position: absolute;
			bottom: 10%;
			left: 50%;
			transform: translate(-50%);
			font-size: .4rem;
			text-align: center;
			color: #ccc;
			margin:0;
		}
		.rotate{
			position: absolute;
			margin-top:45%;
			margin-left:41%;
		}
		.transform_1{
			transform: rotate(90deg);
			transform-origin: 50% 50% 0px;
		}
		.transform_2{
			transform: rotate(180deg);
			transform-origin: 50% 50% 0px;
		}
		.transform_3{
			transform: rotate(270deg);
			transform-origin: 50% 50% 0px;
		}
		.transform_4{
			transform: rotate(0deg);
			transform-origin: 50% 50% 0px;
		}
		.container{
			display: none;
		}
